@charset "utf-8";
*{ font-family: "微软雅黑"; font-size: 14px; line-height: 1.8; margin: 0 auto; padding: 0px;}
ul,li,ol{ list-style: none;}
a{color: #666;}
a,a:hover,a:link,a:active,a:visited{ text-decoration: none;}
a:hover{color: #0b74d0;}
a{ -webkit-transition: all 0.3s ease;transition: all 0.3s ease;text-decoration: none;outline: 0;cursor: pointer;}
img{ max-width: 100%; height: auto;}
em{font-style: normal;font-weight: normal;}
body{position: relative;}
.pull-left{float: left;}
.pull-right{float: right;}
.clear{clear: both;}


/*header*/
.NavTop{color: #666;border-bottom: 1px solid #e2e2e2;background: #eeeeee;}
.NavTop .pull-left{height: 36px;line-height: 36px;}
.NavTop .pull-right{height: 36px;line-height: 36px;}
.NavTop .pull-right a{margin-left: 10px;}

.NavIn{padding: 10px 0px;}
.NavIn .in{background: url(../images/Ninl.png) no-repeat left 18px;padding-left: 30px;}
.NavIn .in b{font-size: 32px;margin-bottom: 5px;line-height: 95px;color: #666666;}
.NavIn .tel{background: url(../images/Ntel.png) no-repeat 0 center;padding-left: 60px;margin-top: 28px;}
.NavIn .tel span{font-size: 15px;}
.NavIn .tel b{display: block;color: #335ecd;font-size: 28px;line-height: 1;}


.NavIn .Nleftl{float: left;width: 25%;}
.NavIn .Ninl{float: left;width: 55%;}
.NavIn .Nrightl{float: right;width: 20%;}


/*use*/
.use{text-align: center;}
.use h5{font-size: 45px;margin: 0;line-height: 60px;}
.use h5 span{font-size: 43px;color: #0b74d0;font-weight: bold;display: inline-block;line-height: 60px;}
.use p{display: block;font-size: 20px;color: #333;}
.use p i{color: #fac12c;padding: 0 15px;}

.usehigh{padding: 3rem 0rem 5rem;}


/*footer*/
footer{background: #333333;color: white;padding-top: 30px;}


.Ftop{background: #335ecd;}
.Ftop .box{display: flex;width: 100%;text-align: center;}
.Ftop .box a{flex: 1;float: left;line-height: 50px;color: white;font-size: 16px;}

footer .left{background: url(../images/Finl.png) no-repeat right;}
footer .in{background: url(../images/Finl.png) no-repeat right;margin-left: 0;}
footer .right{text-align: center;}
footer .Fbt{text-align: center;padding: 10px 0px;border-top: solid 1px #484848;margin-top: 30px;line-height: 30px;}


.pages{text-align:center;padding: 10px 0px;}
.pages span,.pages a{padding: 5px 11px;margin: 5px 5px;color: #333;border: 1px solid #ddd;display: inline-block;}
.pages .current{background: #335ecd;color: #fff;padding: 5px 11px;}
.pages .disabled:hover,.pages a:hover{background: #335ecd;color: #fff;padding: 5px 11px;}


.paess_show{padding: 20px 0px;}
.paess_show .left{text-align: left;}
.paess_show .right{text-align: right;}







@media (max-width: 767px) {
  .hidden-xs {display: none !important;}


  header{position: fixed;width: 100%;z-index: 999;background: white;}
  .mnavh{height: 60px;}
  #headnav{position: fixed;top: 60px;left: 0px;right: 0px;overflow: hidden;z-index: 999;background: rgba(0, 0, 0, 0.7);transition: all 0.5s ease 0s;padding: 0px;text-align: center;}
  .navbar img{height: 60px;}
  #headnav .Tbox li a{color: white;text-align: center;font-size: 13px;line-height: 40px;display: block;border-top: 1px solid rgb(255 255 255 / 50%);}



  .usehigh{padding: 1rem 0rem 2rem;}
  .use h5,.use h5 span{font-size: 35px;}
  .use p{font-size: 12px;margin-bottom:5px;}
  .use p i{padding: 0;}
  


  footer .Fbt{margin-top: 0px;}
  
  


}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {display: none !important;}
}

@media (min-width:992px){
  /*header*/
  header .Tbox{display: flex;width: 100%;text-align: center;margin-bottom: 0;}
  header .Tbox .navlib {flex: 1;float: left;}
  header .Tbox .navlib a{font-size: 17px;display: block;}
  header ul{padding: 0;}
  header .navbar{background:#335ecd;}
  header .collapse .navlib{float: left;background:  no-repeat left center;text-align: center;margin: 0;position: relative;}
  header .collapse .navlib .lista{padding: 15px 0px;display: block;color: #fff;transition: all .3s ease-in-out 0s;}
  header .collapse .navlib:hover .lista{background:#c40e23;}
  .navlib .navdown{position: absolute;width: 100%;background: #c40e23;opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);z-index: 999;}
  .navopen:hover .navdown{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
  .navlib .navdown a{padding: 6px 2px;line-height: 2;border-top: 1px solid #fff;font-size: 14px!important;color: white;}
  .navlib .navdown a:hover{background: white;color: black;}

  


}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {display: none !important;}

}

@media (min-width: 1200px) {
  .hidden-lg {display: none !important;}

  .container{max-width: 1420px;}
}